<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
    <script src="${pageContext.request.contextPath}/layui/jquery-3.6.0.min.js"></script>
    <style>
        body{
            margin: 3px;
            padding: 5px;
        }
        th{
            background-color: #E9E7E7;
        }
        textarea{
            width: 100%;
            border:none;
        }
        #tourist>th{
            background-color: #ffffff;
         }
        td,#tourist>th{
            text-align:center;
        }
        input{
            border:none;
        }

    </style>
</head>
<body>
<!-- 内容区域 -->

<%--角色信息--%>
    <table class="layui-table">
        <colgroup>
            <col width="300">
            <col width="300">
            <col>
        </colgroup>
        <tr ><th colspan="4">角色信息</th></tr>
        <tr>
            <td>角色id</td>
            <td>
                <input type="text" class="form-control"
                       value="${role.id}" readonly="readonly">
            </td>
            <td style="width: 200px;">角色名称</td>
            <td>
                <input type="text" class="form-control pull-right"
                       id="datepicker-a3" readonly="readonly"
                       value="${role.roleName}">
            </td>
        </tr>
        <tbody>


        <tr>
            <td>角色描述</td>
            <td colspan="3">
                <textarea class="form-control" rows="3"   readonly="readonly">
                    ${role.roleDesc }
                </textarea>
            </td>
        </tr>
        </tbody>

        <!--权限信息-->
            <table class="layui-table">
                <colgroup>
                    <col width="300">
                    <col width="300">
                    <col>
                </colgroup>
                <thead>
                <tr ><th colspan="6">权限信息</th></tr>
                <tr id="tourist">
                    <th>权限ID</th>
                    <th>权限名称</th>
                    <th>权限路径</th>
                </tr>
                </thead>
                <tbody>
                <c:forEach items="${role.plist}" var="permission">
                    <tr>
                        <td><input type="text" size="10" value="${permission.id }"
                                   readonly="readonly"></td>
                        <td><input type="text" size="10" value="${permission.permissionName }"
                                   readonly="readonly"></td>
                        <td><input type="text" size="10" value="${permission.url }"
                                   readonly="readonly"></td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>
    </table>

<a class="layui-btn layui-btn-primary layui-border-blue"
   href="javascript:history.go(-1)">返回</a>
</body>

</html>
